<template>
    <div class="testBox">
        <h2> 如何在html渲染data中的数据？ </h2>
        <h2> 如何给html绑定属性？ </h2>
        <h2> 如何给html绑定事件？ </h2>
        <h2> 如何通过数据控制视图？</h2>
    </div>
</template>


<script>
export default {
    data(){
        return{
            //js数据类型
            name:"字符串类型",          //字符串类型
            score:100,                 //数字类型
            flag:true,                 //布尔值类型
            obj:{name:"张三",age:28},  //Object类型
            classGroup:["张三","李四"]  //数组类型
        }
    },

}


</script>


<style scoped lang="scss">
.testBox{
    position: absolute;
    width:100%;
    height:100%;
    padding:10px;
}

</style>